body {
   margin: 0;
   padding: 0;
   background: #fff;
   font: normal 11px Tahoma;
}
a img {
   border: none;
}
form {
   display: inline;
}
#all {
   min-width: 800px;
   max-width: 1200px;
   margin: auto;
}
#header {
   height: 70px;
}
#header .logo {
    margin-top: 20px;
}
.d {
   margin-top: 10px;
   border-bottom: 2px solid #ddd;
}
.clr {
   clear: both;
}
#content {
   min-height: 100px;
   padding: 10px;
   line-height: 16px;
}
#content h1, #content h1 a:link, #content h1 a:visited {
   font: normal 22px Arial, Tahoma;
   margin: 10px 0 15px 0;
   color: #003366;
   text-decoration: none;
}
#content h1 a:hover {
   text-decoration: underline;
}

#content h2 {
   font: normal 18px Arial, Tahoma;
   margin: 10px 0 15px 0;
   color: #003366;
}
#content h3 {
   font: bold 15px Arial, Tahoma;
   margin: 10px 0 15px 0;
   color: #003366;
}
#content h4 {
   font: bold 14px Arial, Tahoma;
   margin: 10px 0 15px 0;
   color: #003366;
}
input.i, textarea.i {
   font: normal 11px Tahoma;
   color: #333;
   padding: 3px;
   background-color: #fff;
   border: 1px solid #aaa;
}
input.b {
   background-color: #e3e3e3;
   font: normal 11px Arial;
   border: 1px solid #aaa;
   color: #300;
   padding: 2px;
}
label {
   margin-left: .2em;
   margin-right: .5em;
}
select {
   font: normal 11px Tahoma;
}
#footer {
   border-top: 2px solid #ddd;
   padding: 10px;
}
#footer div a {
   text-decoration: none;
}
#footer .right {
   float: right;
}
#footer .left {
   color: #aaa;
}
table.full {
   width: 100%;
   border-collapse: collapse;
   border: none;
}
table.full td {
   padding: 10px;
   border: none;
}
.border-left {
   border-left: 1px solid #aaa !important;
}
.border-right {
   border-right: 1px solid #aaa !important;
}
.border-top {
   border-top: 1px solid #aaa !important;
}
.border-bottom {
   border-bottom: 1px solid #aaa !important;
}
.border-all {
   border: 1px solid #aaa !important;
}
.hide {
   display: none;
}
.error-box {
   background: url("../images/admin/error_bg.gif") top center repeat-x;
   border: 1px solid #ff9999;
   width: 400px;
   padding: 15px;
   font: normal 11px Tahoma !important;
}
.info-box {
   background: url("../images/admin/info_bg.gif") top center repeat-x;
   border: 1px solid #99cc99;
   width: 400px;
   padding: 15px;
   font: normal 11px Tahoma !important;
}
.help-box {
   background: url("../images/admin/help_bg.gif") top center repeat-x;
   border: 1px solid #cccc00;
   width: 400px;
   padding: 15px;
   font: normal 11px Tahoma !important;
}
.nowrap {
   white-space: nowrap
}
.error-field {
   color: #e00;
   font-weight: bold;
}
.required {
   color: #e00;
}
.plus {
   background: url('../images/plus_minus.gif') left 1px no-repeat;
   height: 13px;
}
.minus {
   background: url('../images/plus_minus.gif') left -18px no-repeat;
   height: 13px;
}
.w50 {
   width: 50px !important;
}
.w100 {
   width: 100px !important;
}
.w150 {
   width: 150px !important;
}
.w200 {
   width: 200px !important;
}
.w250 {
   width: 250px !important;
}
.w300 {
   width: 250px !important;
}
.p10 {
   padding: 10px;
}
.p20 {
   padding: 20px;
}
.p50 {
   padding: 50px;
}
.box {
   border: 1px solid #ccc;
   padding: 15px;
}
.floatr {
   float: right;
}
.floatl {
   float: left;
}
.roller250 {
   overflow: auto;
   height: 100px;
   padding: 10px;
   width: 250px;
}
.roller300 {
   overflow: auto;
   height: 100px;
   padding: 10px;
   width: 300px;
}
table.layout {
   padding: 0px;
   border-collapse: collapse;
}
table.layout td {
   padding: 0px;
}
.break {
   margin-bottom: 5px;
}
textarea.small {
   width: 200px;
   height: 80px;
}
textarea.wide {
   width: 300px;
   height: 120px;
}

/**
 * Menu
 */
div.menu a, div.menu a:link, div.menu a:visited {
   float: left;
   display: block;
   background: #aaa;
   border-left: 1px solid #fff;
   width: 120px;
   padding: 6px 10px;
   position: relative;
   text-decoration: none;
   color: #fff;
   font-family: tahoma, verdana, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
}
div.menu a.active, div.menu a.active:link, div.menu a.active:visited {
   background: #777;
}
div.menu a:hover {
   background: #999;
}
div.submenu {
   background: #aaa;
   margin-top: 30px;
   margin-left: 1px;
   padding: 6px;
   height: 17px;
}
div.submenu a, div.submenu a:link, div.submenu a:visited {
   float: left;
   display: block;
   white-space: nowrap;
   padding: 2px 10px;
   position: relative;
   text-decoration: none;
   color: #fff;
   font-family: tahoma, verdana, arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
}
div.submenu a.active, div.submenu a.active:link, div.submenu a.active:visited {
   background: #777;
}
#logmenu {
   margin-top: 10px;
}
#logmenu a, #logmenu a:link, #logmenu a:visited {
   color: #0000ff;
   text-decoration: none;
}

.buttons div.button a {
   display: block;
   min-width: 80px;
   padding: 0px 5px 0px 5px;
   position: relative;
   float: left;
   height: 18px;
   text-decoration: none;
   border-right: 1px solid #fff;
   background-color: #D6D6D6;
   font-weight: bold;
   text-align: center;
   color: #666;
}
.buttons div.button a:hover {
   background-color: #C4C4C4;
}
div.info table {
   border-collapse: collapse;
   margin: 10px 10px 10px 0;
   border-color: #ccc;
   border: none;
   background: #fff;
}
div.info table td {
   padding: 2px 4px;
   border: 1px solid #fff;
   border-bottom: 1px solid #ccc;
}
div.info table th {
   border: 1px solid #fff;
   background-color: #D6D6D6;
   padding: 4px;
   font-weight: bold;
   text-align: left;
   color: #666;
}
div.info input,
div.info select,
div.info textarea {
   font-size: 11px;
}
div.preview-container {
   position: absolute;
   margin-top: 20px;
   margin-left: -15px;
}

/**
 * Listing
 */
div.listing {
   width: 250px;
}
div.listing div.title a,
div.listing div.title a:link,
div.listing div.title a:visited {
   font-weight: bold;
}
div.listing div.url {
   color: green;
}

div.listing-preview {
   width: 250px;
   background-color: #fff;
   border: 1px #000 solid;
   padding: 3px;
}
div.listing-preview div.title {
   font-weight: bold;
   color: blue;
}
div.listing-preview div.url {
   color: green;
}
div.hint {
   color: #999;
   font-size: 10px;
}
span.total {
   color: #aaa;
}
a.button {
   text-decoration: none;
   font-weight: bold;
   color: #666;
}
div.rollbox {
   width: 300px;
   height: 120px;
   overflow: auto;
   border: 1px solid #aaa;
   font: normal 11px Tahoma;
   color: #333;
}
div.rollbox div.rollbox-group {
   font-weight: bold;
}
div.rollbox div.rollbox-data {
   margin-left: 10px;
}
.timepicker-container div {
   float: left;
}
.timepicker-container span {
   float: left;
   padding: 0 5px;
}
a.copy {
    color: #aaa;
}
a.copy:hover {
    color: #666;
}
.install-hint {
    padding: 10px 0 5px 0;
}
.substrate {
    background-color: #ddd;
    padding: 10px;
    width: 500px;
}
.hwdteam-news {
    margin-top: 30px;
}
.news-item {
    padding-bottom: 15px;
}
.news-item p {
    margin: 5px 0 0 0 !important;
}
.news-item .news-title {
    font-weight: bold;
    font-size: 12px;
}
.i.downloaded {
    float: left;
}
.download {
    display: block;
    float: left;
    margin-left: 5px;
    width: 22px;
    height: 19px;
    border: 1px #aaa solid;
    background: url("../images/admin/upload.png") center no-repeat; 
}
.upload-box {
    padding: 40px;
}
.upload-box table {
    width: 100%;
}
